/* Parameter
------------------------------ */

/*公共样式引入*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  color: #333333;
  font-family: "微软雅黑";
  background-color: #f2f2f2;
}


.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.font-table {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500;
  line-height: 14px;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

img {
  border-style: none;
}


.clearfix:after {
  content: '';
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.bgc-icon {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
  display: block;
}


ul li {
  list-style: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-18 {
  margin-bottom: 18px;
}

.pt10 {
  padding-top: 10px;
}

.d-ib {
  display: inline-block;
}

.d-f {
  display: flex;
  flex-flow: row wrap;
}

.d-b {
  display: block;
}

.d-if {
  display: inline-flex;
  flex-flow: row wrap;
}

.jc-c {
  justify-content: center;
}

.jc-between {
  justify-content: space-between;
}

.ai-c {
  align-items: center;
}

.contain-body {
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #EDEFF4;
  font-family: PingFangSC-Medium, PingFang SC;
  overflow: scroll;
}

.scroll {
  overflow: scroll;
}

.search-contain-body {
  margin-bottom: 18px;
  padding: 20px 0px 6px 54px;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);

  .el-form-item {
    margin-bottom: 14px;
    margin-right: 52px;

    .el-form-item__label {
      padding-right: 1px !important;
    }
  }

  .el-form-item__content {
    width: 200px;

    .el-input__inner, .el-textarea__inner {
      background-color: #FAFCFF;
    }

    .el-select {
      width: 100%;
    }
  }
}


.el-message-box {


  .el-message-box__header {
    text-align: center;
    background: #EAEEF0;
    padding-top: 11px;
    padding-bottom: 11px;

    button {
      display: none;
    }
  }

  .el-message-box__content {
    padding-top: 47px;
    padding-bottom: 52px;
    text-align: center;

    .el-message-box__message {
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 14px;
      color: #000000;
    }
  }

  .el-message-box__btns {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 0;

    button {
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 14px;
      padding: 10px 47px;
    }

    button:first-child {
      background: #D8D8D8 !important;
      border-color: transparent !important;
      color: #000000;
    }

    button:last-child {
      color: #FFFFFF;
      border-color: transparent !important;
      background: linear-gradient(180deg, #24A0F0 0%, #0189DF 100%) !important;
    }
  }
}


.cur-p {
  cursor: pointer;
}

.button-blur {
  padding: 3px 20px;
  background: #0BA9D7 !important;
  font-size: 14px;
  line-height: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FDFDFD !important;
}

.button-green {
  padding: 3px 20px;
  background: #42B956 !important;
  font-size: 14px;
  line-height: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FDFDFD !important;
}

.button-red {
  padding: 3px 20px;
  background: #DB4545 !important;
  font-size: 14px;
  line-height: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FDFDFD !important;
}


.button-search {
  padding: 5px 11px 5px 13px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF !important;
  line-height: 14px;
  background-image: url("../../assets/imgs/button_search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-color: transparent !important;
}

.button-cancel {
  padding: 10px 47px;
  background: #D8D8D8;
  border: 1px solid #D8D8D8;
}

.button-submit {
  padding: 10px 47px;
  color: #FFFFFF !important;
  line-height: 14px;
  background-image: url("../../assets/imgs/button_submit.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-color: transparent !important;
}

.mb-14 {
  margin-bottom: 14px;
}

.mr111 {
  margin-right: 111px;
}

.mr58 {
  margin-right: 58px;
}

.custom-dialog-fill {

  .el-dialog__header {
    position: relative;
    background: #EAEEF0;
    padding: 11px;
    color: #000000;

    .el-dialog__headerbtn {
      top: 11px !important;
    }
  }


  .el-form-item {
    padding: 0 0 0px 26px;
    margin-bottom: 12px;

    .el-form-item__label {
      padding-right: 1px !important;
      color: #000000 !important;
    }
  }

  .el-form-item__content {
    width: 508px;

    .el-input__inner, .el-textarea__inner {
      background-color: #FAFCFF;
    }

    .el-select {
      width: 100%;
    }
  }

}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Reset element-ui
------------------------------ */
.el-button--primary {
  color: #FFF;
  background-color: #1d65b9 !important;
  border-color: #1d65b9 !important;
}

.el-button--primary:focus, .el-button--primary:hover {
  background: #2D87B9 !important;
  border-color: #2D87B9 !important;
  color: #FFF;
}

.table-search-form {
  margin-top: 10px;

  .el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 193px !important;
  }

  .el-date-editor.el-input__inner.el-date-editor--datetimerange {
    width: inherit !important;
  }

  .el-form-item {
    margin-bottom: 5px !important;
  }
}

/* 表头背景色和文字颜色覆盖 */
.el-table {
  thead {
    color: #333333 !important;
  }

  .el-table__header {
    th {
      //background-color: #e4f6ff !important;
    }
  }
}

/* 边框颜色加重覆盖 */
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-color: #cccccc !important;
}

.el-table--border, .el-table--group {
  border-color: #cccccc !important;
}

.el-table--border::after, .el-table--group::after, .el-table::before {
  background-color: #cccccc !important;
}

.el-table__fixed-right::before, .el-table__fixed::before {
  background-color: #cccccc !important;
}

/* 行高降低覆盖 */
.el-table td, .el-table th {
  padding: 5px 0 !important;
}

/* 奇偶行颜色加重覆盖 */
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #f1f1f1 !important;
}

/* 鼠标滑过行颜色加重覆盖 */
.el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td {
  background-color: #e4e4e4 !important;
}

/* 单选框文字左右边距覆盖 */
.el-radio__label {
  padding-left: 4px !important;
}

.el-radio {
  margin-right: 11px !important;
}

/* 日期范围框中间过渡字符样式覆盖 */
.el-date-editor .el-range-separator {
  padding: 0 !important;
}

/* 日历内部高度修改 */
.el-calendar-table .el-calendar-day {
  position: relative !important;
  height: 50px !important;
}

/* 日历两侧宽度修改 */
.el-calendar__body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

/* 面包屑修改颜色 */
.el-breadcrumb__inner {
  font-size: 18px !important;
  color: #264886 !important;
  font-weight: bold !important;
}
